<div class="row">
    <div class="large-4 medium-4 columns">
        <a href="{base_url()}"> <img alt="TinhNQ.com" src="{base_url()}images/TINHNQLOGO200x100.png"></a>
    </div>
    <div class="large-8 medium-8 columns text-right">
        <div class="fb-like" data-href="{base_url()}" data-layout="standard" data-action="like" data-show-faces="false" data-share="false"></div>
    </div>
</div>

<div class="row" id="main">
    <div class="large-8 columns bg-white" id="f_intro">
        <div class="padding20 bg-amber">
            <h1 class="ntm fg-white show-for-medium-up"><span class="icon-book"></span> Truyện cười Vova</h1>
            <p class="fg-white show-for-medium-up">
                Truyện cười Vova có nguồn gốc từ nước Nga, cậu bé ấy với cái tên là Vovochka (mình gọi là thằng Vova, hay là vô va).
                 Gồm những serie truyện cười kể về một cậu bé vô cùng thông minh, lém lĩnh,
                 nghịch ngợm…những lời nói, những suy nghĩ cũng như những hành động của cậu bé làm cho người đọc phải bật cười.
                 Truyện cười vova ngoài tính hấp dẫn, còn có tính giáo dục và châm biếm sâu sắc.
                 Dường như bất kỳ ai cũng bị cuốn vào những câu chuyện cười của vova. Đố những ai không bật cười với thể loại truyện này.
            </p>
        </div>
        <br/>
    </div>
    <div class="large-4 columns">
        <a href="{base_url()}tuvi/index/#main" class="large-12 medium-3 radius button alert fg-white subheader">
            Xem tử vi 2014&nbsp;&nbsp;<span class="icon-target"></span>
        </a>
        <a href="#main" onclick="OpenShareDialog('{$current_url}', '{$image}');" class="subheader large-12 medium-3 radius button fg-white">
            Đăng lên tường&nbsp;&nbsp;<span class="icon-facebook"></span>
        </a>
        <a href="{$url_next}" id="storyOther" class="subheader large-12 medium-3 radius button fg-white success">
            Xem ngẫu nhiên&nbsp;<span class="icon-arrow-right"></span>
        </a>
    </div>
</div>

<div class="row">
    <div class="large-8 columns" id="siteloader">
        <div class="large-12 padding20 bg-grayLighter" style="min-height: 320px;">
            <div class="place-right subheader-secondary clearfix" id="f_browser">
                <span class="icon-IE on-left-more"></span>
                <span class="icon-chrome on-left-more"></span>
                <span class="icon-firefox on-left-more"></span>
                <span class="icon-opera on-left-more"></span>
                <span class="icon-safari"></span>
            </div>
            {if isset($data)}
            <input type="hidden" value="{$data['title']}" name="ptitle" id="ptitle">
            <input type="hidden" value="{$data['content']|escape}" name="pcontent" id="pcontent">
            <h2 class="ntm" id="ptitle"><span class="icon-smiley"></span> {$data['title']}</h2>
            <p>
                {nl2br($data['content'])}
            </p>
            {else}
                <h2>Không tồn tại dữ liệu</h2>
            {/if}
        </div>
        <br/>
        <div class="fb-like" data-href="{$current_url}" data-layout="button" data-action="like" data-show-faces="true" data-share="true"></div>
        <div class="fb-comments" data-href="{$current_url}" data-numposts="5" data-colorscheme="light"></div>
    </div>
    <div class="large-4 columns">
        <table class="table hovered">
            <thead>
                <tr><th class="text-left ribbed-lightPink"><span class="subheader icon-yelp"></span>&nbsp;&nbsp;Truyện nổi bật</th></tr>
            </thead>
            <tbody>
            {foreach from=$listTitle item=value}
                <tr class=""><td><a href= "{$value['url']}#main"><span class="icon-thumbs-up"></span>&nbsp;&nbsp;{$value['title']}</a></td></tr>
            {/foreach}
            </tbody>
        </table>
    </div>
</div>